<style>
    .detailsBox {
        margin-top: 60px;
    }
</style>
<template>
    <x-header style="background-color: rgb(43,165,187);" :left-options="{backText: '返回', showBack: true }" :right-options="{showMore: true}">
        <span style=" color: rgb(221,221,221); font-size:14px; ">账单详情</span>
    </x-header>
    <div class="detailsBox">
        <group>
            <cell title="账号XXXX XXXX XXXX XXXX交易明细"></cell>
        </group>
        <group>
            <cell title="日期" value="2016-12-14"></cell>
            <cell title="类型" value="直付通交易"></cell>
            <cell title="收入" value="15.00"></cell>
            <cell title="余额" value="1500.00"></cell>
            <cell title="备注" value="财付通-兴业银行"></cell>
        </group>
    </div>
    
</template>
<script>
    import XHeader from 'vux/dist/components/x-header'
    import Group from 'vux/dist/components/group'
    import XInput from 'vux/dist/components/x-input'
    import XButton from 'vux/dist/components/x-button'
    import Confirm from 'vux/dist/components/confirm'
    import Cell from 'vux/dist/components/cell'
    import Actionsheet from 'vux/dist/components/actionsheet'
    import Toast from 'vux/dist/components/toast'

    export default {
        components: {
            XHeader,
            Group,
            XInput,
            XButton,
            Confirm,
            Cell,
            Actionsheet,
            Toast
        },
        ready (){
            /*this.$http.post( 接口,this.$route.params.id ).then(function(){

            })*/
        },
        data: function () {
            return {
                queryParams:''
            }
        },
        methods: {
            
        }
    }
</script>